<!DOCTYPE html>
<style>
.layout-container {
  width: 210px;
  position: relative;
}
.position-container {
  position: relative;
  width: 203px;
  margin-left: auto;
  margin-right: auto;
}

#overflow {
  width: 50%;
  height: 100px;
  overflow: scroll;
  position: absolute;
  background: #0f0;
  /* Not using will-change:transform because it ignores subpixel accumulation. */ 
  will-change: opacity;
}

.spacer {
  height: 2000px;
}
</style>

<body>
  <div class="layout-container">
  <div class="position-container">
    <div id="overflow">
      <div class="spacer">
      </div>
    </div>
  </div>
  </div>
</body>
